<!DOCTYPE html >
<html lang="zh" xml:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script th:src="@{/statics/jquery-1.12.4.min.js}"></script>
    <script th:src="@{/statics/tabler/tabler.min.js}"></script>
    <link rel="stylesheet" th:href="@{/statics/tabler/tabler.min.css}">
    <script th:src="@{/statics/system/common.js}"></script>
</head>
<body>
<div th:fragment="header">
    <header class="navbar navbar-expand-sm navbar-light d-print-none">
        <div class="container-xxl">
            <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
                <a href="#">
                    <img class="navbar-brand-image" th:src="@{/statics/images/mqttlogo.png}" style="height:83px"/>
                </a>
            </h1>

        </div>
    </header>
    <header class="navbar-expand-md">
        <div class="collapse navbar-collapse" id="navbar-menu">
            <div class="navbar navbar-light">
                <div class="container-xxl">
                    <ul class="navbar-nav">
                        <li id="menu_dashboard" class="nav-item">
                            <a class="nav-link" th:href="@{/}">
                                <span class="nav-link-icon d-md-none d-lg-inline-block">
                                    <svg class="icon" fill="none" height="24" stroke="currentColor" stroke-linecap="round"
                                         stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24"
                                         xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none" stroke="none"></path><path
                                            d="M5 12l-2 0l9 -9l9 9l-2 0"></path><path
                                            d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path><path
                                            d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path></svg>
                                </span>
                                <span class="nav-link-title">
                                    控制台
                                </span>
                            </a>
                        </li>
                        <li id="menu_pages" class="nav-item">
                            <a class="nav-link" th:href="@{/pages}">
                                <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-browser" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                       <path d="M4 4m0 1a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z"></path>
                                       <path d="M4 8l16 0"></path>
                                       <path d="M8 4l0 4"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title">
                                    调试页面
                                </span>
                            </a>
                        </li>
                      <li id="menu_common_pages" class="nav-item">
                        <a class="nav-link" th:href="@{/common}">
                                <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-browser" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                       <path d="M4 4m0 1a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z"></path>
                                       <path d="M4 8l16 0"></path>
                                       <path d="M8 4l0 4"></path>
                                    </svg>
                                </span>
                          <span class="nav-link-title">
                                    定制页面
                                </span>
                        </a>
                      </li>
                        <li id="menu_nmqs" class="nav-item">
                            <a class="nav-link" th:href="@{/tokens}">
                                <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-api-app" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                       <path d="M12 15h-6.5a2.5 2.5 0 1 1 0 -5h.5"></path>
                                       <path d="M15 12v6.5a2.5 2.5 0 1 1 -5 0v-.5"></path>
                                       <path d="M12 9h6.5a2.5 2.5 0 1 1 0 5h-.5"></path>
                                       <path d="M9 12v-6.5a2.5 2.5 0 0 1 5 0v.5"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title">
                                    MQTT主机
                                </span>
                            </a>
                        </li>
                        <li id="menu_customers" class="nav-item">
                            <a class="nav-link" th:href="@{/customers}">
                                <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                       <path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
                                       <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path>
                                       <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                       <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title">
                                    客户
                                </span>
                            </a>
                        </li>
                        <li id="custom_mqtt" class="nav-item">
                            <a class="nav-link" th:href="@{/custommqtt}">
                                <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-messenger" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                       <path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1"></path>
                                       <path d="M8 13l3 -2l2 2l3 -2"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title">
                                    快捷调试
                                </span>
                            </a>
                        </li>
                        <li id="menu_system" class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle show" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="true">
                                <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
                                   <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-adjustments-alt" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                   <path d="M4 8h4v4h-4z"></path>
                                   <path d="M6 4l0 4"></path>
                                   <path d="M6 12l0 8"></path>
                                   <path d="M10 14h4v4h-4z"></path>
                                   <path d="M12 4l0 10"></path>
                                   <path d="M12 18l0 2"></path>
                                   <path d="M16 5h4v4h-4z"></path>
                                   <path d="M18 4l0 1"></path>
                                   <path d="M18 9l0 11"></path>
                                </svg>
                                </span>
                                <span class="nav-link-title">
                                  系统
                                </span>
                            </a>
                            <div class="dropdown-menu" data-bs-popper="static">
                                <a class="dropdown-item" th:href="@{/admins}">
                                    管理员
                                </a>
                                <a class="dropdown-item" th:href="@{/loginlogs}">
                                    登录日志
                                </a>
                            </div>
                        </li>
                        <li id="about" class="nav-item">
                            <a class="nav-link" th:href="@{/about}">
                                <span class="nav-link-icon d-md-none d-lg-inline-block">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                       <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
                                       <path d="M12 8v4"></path>
                                       <path d="M12 16h.01"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title">
                                    关于项目
                                </span>
                            </a>
                        </li>
                    </ul>
                    <div class="dropdown">
                        <div class="navbar-nav flex-row order-md-last">
                            <div class="nav-item">
                                <a class="nav-link d-flex lh-1 text-reset p-0 dropdown-toggle" href="#" data-bs-toggle="dropdown">
                                    <span class="avatar avatar-sm" style="background-image: url('/statics/images/head.gif')"></span>
                                    <div class="d-none d-xl-block ps-2">
                                        <div th:text="${session.get('userSession').username}">N/A</div>
                                        <div class="mt-1 small text-muted">系统管理员</div>
                                    </div>
                                </a>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" href="#">
                                        管理员设置
                                    </a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" th:href="@{/logout}">退出登录</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </header>
</div>
</body>

</html>
